<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    About
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        About</h2>
    <!-- ###################################################### -->
    <h1 class="first">
        &lt;H1&gt; Header</h1>
    <div class="photo-container align-left" style="width: 202px;">
        <div class="photo-content">
            <img src="../../Content/images/photo-small-01.jpg" alt="Photo Small 1" />
        </div>
        <div class="photo-caption">
            Photo caption goes here</div>
    </div>
    <p>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
        euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
        minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut
        aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in
        vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla
        facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
        luptatum zzril delenit augue duis dolore te <a href="#">link nulla facilisi</a>.
    </p>
    <h2>
        &lt;H2&gt; Header</h2>
    <p>
        Li Europan lingues es membres del sam familie. Lor separat existentie es un myth.
        Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Li lingues
        differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos
        directe al desirabilit de un nov lingua franca: on refusa continuar payar custosi
        traductores. It solmen va esser necessi far uniform grammatica, pronunciation e
        plu sommun paroles.
    </p>
    <ul>
        <li>Quisque tristique augue ac pede.</li>
        <li>Praesent arcu ante, tincidunt a, ullamcorper at, vehicula vel, risus.</li>
        <li>Vivamus consequat tortor in neque. </li>
        <li>Morbi sit amet arcu. Nam nonummy dui eu arcu. </li>
    </ul>
    <div class="photo-container align-right" style="width: 202px;">
        <div class="photo-content">
            <img src="../../Content/images/photo-small-02.jpg" alt="Photo Small 2" />
        </div>
        <div class="photo-caption">
            Photo caption goes here</div>
    </div>
    <p>
        Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e
        regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic
        e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental:
        in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles,
        quam un skeptic Cambridge amico dit me que Occidental es.
    </p>
    <p>
        Maecenas scelerisque, orci vel lobortis pharetra, mauris tortor tempor ligula, a
        fringilla lectus elit at arcu. Morbi vel felis. Pellentesque mattis ipsum ut risus.
        Cras fringilla laoreet diam. Cras eu enim et risus porttitor tristique. Vestibulum
        ac lacus in erat laoreet rutrum. Sed mi arcu, auctor ut, mattis vel, molestie at,
        tortor. Donec faucibus, erat id ullamcorper iaculis, lorem magna lacinia dolor,
        vel feugiat arcu lectus ut justo. Duis felis dui, varius id, consequat ac, tincidunt
        eu, ligula. Integer eu mi. Aenean laoreet, nisi eu varius hendrerit, libero magna
        tempor nulla, quis hendrerit est turpis non nunc. Morbi luctus mi et lorem. Aenean
        interdum, elit eget dignissim sodales, diam mi imperdiet risus, id porta sapien
        elit nec arcu. In neque arcu, aliquam at, tempor ut, scelerisque eu, sem. Aliquam
        vel metus. Cras augue. Donec leo orci, bibendum in, posuere at, dapibus eget, diam.
        Pellentesque quis odio at felis ullamcorper dignissim. Nam nunc. Cras hendrerit
        scelerisque diam.</p>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="data-table">
        <caption>
            &lt;caption&gt; Table Caption
        </caption>
        <tr>
            <th scope="col">
                &lt;th&gt; Heading
            </th>
            <th scope="col">
                &lt;th&gt; Heading
            </th>
            <th scope="col">
                &lt;th&gt; Heading
            </th>
            <th scope="col">
                &lt;th&gt; Heading
            </th>
        </tr>
        <tr>
            <th scope="row">
                &lt;th&gt; Heading
            </th>
            <td>
                content
            </td>
            <td>
                content
            </td>
            <td>
                content
            </td>
        </tr>
        <tr class="row-alternating">
            <th scope="row">
                &lt;th&gt; Heading
            </th>
            <td>
                content
            </td>
            <td>
                content
            </td>
            <td>
                content
            </td>
        </tr>
        <tr>
            <th scope="row">
                &lt;th&gt; Heading
            </th>
            <td>
                content
            </td>
            <td>
                content
            </td>
            <td>
                content
            </td>
        </tr>
        <tr class="row-alternating">
            <th scope="row">
                &lt;th&gt; Heading
            </th>
            <td>
                content
            </td>
            <td>
                content
            </td>
            <td>
                content
            </td>
        </tr>
    </table>
    <div class="three-column-container">
        <div class="three-column-left">
            <h3>
                &lt;h3&gt; Header</h3>
            <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
        </div>
        <div class="three-column-middle">
            <h3>
                &lt;h3&gt; Header</h3>
            <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
        </div>
        <div class="three-column-right">
            <h3>
                &lt;h3&gt; Header</h3>
            <p>
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
                euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
        </div>
        <div class="clear">
        </div>
    </div>
    <fieldset>
        <legend>&lt;legend&gt; Legend</legend>
        <label for="name">
            &lt;label&gt; Label
        </label>
        <input class="input-box" name="name" id="name" type="text" size="50" readonly="readonly" />
        <label for="email">
            &lt;label&gt; Label
        </label>
        <input class="input-box" name="email" id="email" type="text" size="50" />
        <label for="notesfield">
            &lt;label&gt; Label
        </label>
        <textarea class="input-box" name="notesfield" cols="50" rows="4" id="notesfield"></textarea>
        <label for="favmag1">
            &lt;label&gt; Label
        </label>
        <select id="favmag1" name="favmag1">
            <option value="0" selected="selected">- - Select your favorite magazine - - </option>
            <optgroup label="General Computer Magazines">
                <option value="1">Computer A Magazine</option>
                <option value="2">Computer B Magazine</option>
                <option value="3">Computer C Magazinee</option>
            </optgroup>
            <optgroup label="Software Magazines">
                <option value="5">Software A Magazine</option>
                <option value="6">Software B Magazine</option>
                <option value="7">Software C Magazine</option>
            </optgroup>
            <optgroup label="Hardware Magazine">
                <option value="8">Hardware A Magazine</option>
                <option value="9">Hardware B Magazinek</option>
                <option value="10">Hardware C Magazine</option>
            </optgroup>
        </select>
        <fieldset>
            <legend>Lorem ipsum dolar</legend>
            <label class="no-margin" for="radio1">
                <input class="inline" type="radio" name="radio" id="radio1" title="&lt;label&gt; Label"
                    checked="checked" />
                &lt;label&gt; Label
            </label>
            <label class="no-margin" for="radio2">
                <input class="inline" type="radio" name="radio" id="radio2" title="&lt;label&gt; Label" />
                &lt;label&gt; Label
            </label>
            <label class="no-margin" for="radio3">
                <input class="inline" type="radio" name="radio" id="radio3" title="&lt;label&gt; Label" />
                &lt;label&gt; Label
            </label>
        </fieldset>
        <div class="checkbox">
            <label class="no-margin" for="check1">
                <input class="inline" title="Subscribe" type="checkbox" name="check1" id="check1"
                    value="" />
                &lt;label&gt; Label
            </label>
        </div>
        <input class="button button-big" name="Submit" type="button" value="Submit" />
        <input class="button button-big" name="Submit2" type="reset" value="Reset" />
    </fieldset>
    <!-- ###################################################### -->
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="LeftContent" runat="server">
</asp:Content>
